<mdl-layout mdl-layout-fixed-header mdl-layout-header-seamed>
    <mdl-layout-header>
        <mdl-layout-header-row>
            <mdl-layout-title>
                <img src="../../assets/images/login/title.png" style="height:50px;margin: 0 15px 0 15px;" />
            </mdl-layout-title>
            <mdl-layout-spacer></mdl-layout-spacer>
            <qk-profile-icon style="float: right;margin-right: 30px"
                [style]=" {'margin-right': '0px', 'height': '40px', 'width': '40px'}"></qk-profile-icon>
        </mdl-layout-header-row>
    </mdl-layout-header>
    <mdl-layout-content mdl-shadow="16">
        <div class="ui-g-2 border-spe-right" style="height: 100%;padding: 0;">
            <p-tree [value]="customBizItemTree" selectionMode="single" [filter]="true"
                [loading]="loading" [(selection)]="selectedNode" (onNodeSelect)="nodeSelect()"
                [style]="{'height': '97%','width':'100%','border-style':'none','background':'transparent', 'padding':'0px'}">
            </p-tree>
            <i class="fa fa-plus-circle fa-2x custom-biz-add" (click)="addCustomBiz($event)"></i>
        </div>
        <div class="ui-g-10" style="height: 100%;padding:0">
            <p-tabView (onChange)="handleChange($event)">
                <p-tabPanel leftIcon="fa fa-bandcamp" header="基础信息">
                    <custom-baseinfo *ngIf="itemId > 0" [itemId]="itemId"></custom-baseinfo>
                </p-tabPanel>
                <p-tabPanel leftIcon="fa fa-bandcamp" header="业务表">
                    <custom-fields *ngIf="itemId > 0" [itemId]="itemId " [formId]="formDefId" [bizId]='bizId'></custom-fields>
                </p-tabPanel>
                <p-tabPanel leftIcon="fa fa-language" header="主表单">
                    <fb-drawer *ngIf="formDefId > 0" [formId]="formDefId" [names]="names"></fb-drawer>
                </p-tabPanel>
                <p-tabPanel leftIcon="fa fa-code-fork" header="流程">
                    <ff-builder *ngIf="bizId > 0" [bizId]="bizId" [procDefId]="procDefId"></ff-builder>
                </p-tabPanel>
                <p-tabPanel leftIcon="fa fa-superpowers" header="任务列表">
                    <tasklist-config *ngIf="bizId > 0" [systemUrl]="'custom'" [bizId]='bizId'
                        [taskListGroupId]='taskListGroupId' [procDefId]='procDefId'></tasklist-config>
                </p-tabPanel>
            </p-tabView>
        </div>
    </mdl-layout-content>
</mdl-layout>